<%@ page pageEncoding="UTF-8" contentType="text/html; charset=UTF-8" %>
<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;"/>
	<meta name="apple-mobile-web-app-capable" content="no" />
    <title>Où? - meet your friends</title>
    <style type="text/css">
	  body {
        font: normal .8em Arial, sans-serif;
        color: #555;
	  }
	  
	  a:hover {
      	text-decoration: underline;
      }
      
      body a {
      	text-decoration:none;
      	color: #006699;
      }
	</style>
  </head>
  <body>
    <%
    	String pos = request.getParameter("pos");
	%>
	<h3>Où? allows you to find your friends</h3>
	<p>
	<a href="http://maps.google.com/maps?geocode=&q=<%=pos %>">
		<img src="http://maps.google.com/staticmap?center=<%=pos %>&amp;markers=<%=pos %>,blue&amp;zoom=15&amp;size=300x300&amp;maptype=mobile&amp;key=ABQIAAAAAEcqvI14a3gJGb3vVQgfdxRaGrweM7NPwkBljpnVrSfxloZ5shSwwg50vbxlaBTCX-LW8A-MU7yokg&amp;sensor=true" alt="i am here"/>
	</a>
	<br/>
	</p>
	<h4><a href="index.html">Share your current location with your friends!</a></h4>
  </body>
</html>

